<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图像的插入通过img标签来实现 -->
    <!-- src是用来写入照片链接的位置，alt属性是说明当浏览器无法载入图片时，替换文本属性
    告诉他们失去的信息 -->
    <img src="/学习第一天/void蝶1_4k_c690c.jpg" alt="" width="200px">
    <!-- 默认对齐的图像 -->
    <p>
        默认对齐的图像
        <img src="/学习第一天/void深渊神里4k_c9a2f.jpg" width="100px">
        默认对齐的图像
    </p><br>
    <!-- align = "middle" -->
    <p>
        wenben
        <img src="/学习第一天/void深渊神里4k_c9a2f.jpg" width="100px"
        align = "middle">
        wenben
    </p><br>
    <!-- align = "top" -->
    <p>
        wenben
        <img src="/学习第一天/void深渊神里4k_c9a2f.jpg" width="100px"
        align = "top">
        wenben
    </p><br>
    <p>浮动图像</p>
    <p>
       <img src="/学习第一天/void深渊神里4k_c9a2f.jpg" alt="" width="100px" style="float: left">
        一个带图片的段落，图片浮动在这个文本的左边。</p>
    <br>
    <p>
        <img src="/学习第一天/void深渊神里4k_c9a2f.jpg" alt="" width="100px" style="float: right">
         一个带图片的段落，图片浮动在这个文本的左边。</p>
    
    <!-- 创建图像映射 -->
    <!-- map 定义图像地图 -->
    <!-- area 定义图像地图中的可点击区域 -->
    <!-- <img src="planets.gif" width="145" height="126" 
    alt="Planets" usemap="#planetmap">
    <map name="planetmap">
        <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
        <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
        <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
    </map> -->
</body>
</html>